<script src="js/workflow/CCBX/printCCBXview.js"></script>
<script type="text/javascript" src="assets/print/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/print/html2canvas.min.js"></script>
<script type="text/javascript" src="assets/print/jquery.jqprint-0.3.js"></script>

<section id="main-content">
    <section class="wrapper" ng-repeat="printItem in printDataList">

        <div class="row" ng-show="{{apploged}}">
            <div class="col-lg-12">
                <div class="alert alert-block alert-danger fade in">
                    <button data-dismiss="alert" class="close close-sm" type="button">
                        <i class="icon-remove"></i>
                    </button>
                    <strong>友情提示：</strong>
                    报销流程审批已结束！
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <!-- 结果页 -->
                <section class="panel">
                    <div class="panel-body">

                        <div class="printbox">
                            <div class="wrap-content containerPrint" id="containerPrint-{{printItem.totalEntity.financialCodeEntity}}"
                                style="width: 1000px;">
                                <table style="font-size: 12px;color: #000;border-collapse:collapse;" cellspacing="0"
                                    cellpadding="0">
                                    <thead>
                                        <tr style="text-align: center;color: #000;">
                                            <td style="font-size: 16px;" colspan="6">现金报销单</td>
                                        </tr>
                                        <tr style="text-align: right;">
                                            <td colspan="6">
                                                <span style="float: left;padding-right: 20px;">申请部门：{{compName}}—{{printItem.totalEntity.departmentName}}</span>
                                                <span style="float: left;padding-right: 20px;">申请人：{{printItem.totalEntity.applyManName}}</span>
                                                <span style="float: left;">日期：{{printItem.totalEntity.createTime |
                                                    date:'yyyy-MM-dd'}}</span>
                                                <span style="float: right;">单据编号：{{printItem.totalEntity.financialCodeEntity}}</span>
                                            </td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr style="border:1px solid #000;text-align: center;">
                                            <td style="border:1px solid #000;width: 250px;text-align: center;">费用项目</td>
                                            <td style="border:1px solid #000;width: 100px;text-align: center;">明细</td>
                                            <td style="border:1px solid #000;width: 150px;text-align: center;">金额</td>
                                            <td style="border:1px solid #000;width: 250px;text-align: center;">费用项目</td>
                                            <td style="border:1px solid #000;width: 100px;text-align: center;">明细</td>
                                            <td style="border:1px solid #000;width: 150px;text-align: center;">金额</td>
                                        </tr>
                                        <tr style="border:1px solid #000;text-align: center;">
                                            <td style="border:1px solid #000;">市内交通</td>
                                            <td style="border:1px solid #000;"></td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{list1}}</td>
                                            <td style="border:1px solid #000;">办公费用</td>
                                            <td style="border:1px solid #000;"></td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{list2}}</td>
                                        </tr>
                                        <tr style="border:1px solid #000;text-align: center;">
                                            <td style="border:1px solid #000;">招待费用</td>
                                            <td style="border:1px solid #000;"></td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{list3}}</td>
                                            <td style="border:1px solid #000;">低值易耗品</td>
                                            <td style="border:1px solid #000;"></td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{list4}}</td>
                                        </tr>
                                        <tr style="border:1px solid #000;text-align: center;">
                                            <td style="border:1px solid #000;">餐费</td>
                                            <td style="border:1px solid #000;"></td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{list5}}</td>
                                            <td style="border:1px solid #000;">通讯费</td>
                                            <td style="border:1px solid #000;"></td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{list6}}</td>
                                        </tr>
                                        <tr style="border:1px solid #000;text-align: center;">
                                            <td style="border:1px solid #000;">车辆费</td>
                                            <td style="border:1px solid #000;"></td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{list7}}</td>
                                            <td style="border:1px solid #000;">其他费用</td>
                                            <td style="border:1px solid #000;"></td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{list8}}</td>
                                        </tr>
                                        <tr style="border:1px solid #000;text-align: center;">
                                            <td style="border:1px solid #000;">附单据</td>
                                            <td style="border:1px solid #000;">共&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
                                                &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;张</td>
                                            <td style="border:1px solid #000;text-align: right;">金额大写</td>
                                            <td style="border:1px solid #000;text-align: left;"> &nbsp;&nbsp;{{rmb}}</td>
                                            <td style="border:1px solid #000;text-align: right;">金额合计</td>
                                            <td style="border:1px solid #000;text-align: left;">
                                                &nbsp;&nbsp;{{ccbxItemRepeatss.totalAmount}}</td>
                                        </tr>
                                    </tbody>
                                </table>

                                <table style="font-size: 12px;color: #000;border-collapse:collapse;" cellspacing="0"
                                    cellpadding="0" ng-show="{{applog}}">
                                    <thead>
                                        <tr>
                                            <th colspan="6"><span style="font-weight: initial;">审批记录</span></th>
                                        </tr>
                                    </thead>

                                    <tbody style="text-align: center">
                                        <tr style="text-align: center">
                                            <td style="width:50px;text-align: center;border:1px solid #000;">序号</td>
                                            <td style="width:150px;text-align: center;border:1px solid #000;">节点名称</td>
                                            <td style="width:250px;text-align: center;border:1px solid #000;">电子签名</td>
                                            <td style="width:150px;text-align: center;border:1px solid #000;">签名日期</td>
                                            <td style="width:100px;text-align: center;border:1px solid #000;">操作</td>
                                            <td style="width:300px;text-align: center;border:1px solid #000;">留言</td>
                                        </tr>
                                        <tr ng-repeat='trace in printItem.singProcess'>
                                            <td style="border:1px solid #000;">{{$index+1}}</td>
                                            <td style="border:1px solid #000;">
                                                <span style="display:inline-block;">{{trace.taskName}}</span>
                                            </td>
                                            <td style="border:1px solid #000;">
                                                <span style="display:inline-block;">{{trace.USER}}</span>
                                                <!--<span style="display:inline-block; text-decoration: underline">运营管理部</span>-->
                                            </td>
                                            <td style="border:1px solid #000;">
                                                <span style="display:inline-block;">{{trace.time
                                                    | date:'yyyy-MM-dd hh:mm'}}</span>
                                            </td>
                                            <td style="border:1px solid #000;">
                                                <span style="display:inline-block;">{{trace.lastStatus
                                                    | traceStatus}}</span>
                                            </td>
                                            <td style="border:1px solid #000;">
                                                <span style="display:inline-block;text-align: left;width:350px;">{{trace.msg}}</span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- 操作按钮 -->
                <section class="panel">
                    <div class="panel-body">
                        <p class="default-buttons">
                            <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">
                                返回</a>
                            <!-- <a href="javascript:void(0);" class="button-next btn btn-info btn-l10" ng-click="closePrintViewCCBX()">转入财务汇款</a> -->
                            <a href="javascript:void(0);" class="button-next  btn btn-success" ng-click="printpageBX(printItem.totalEntity.financialCodeEntity)">
                                <i class="icon-print"></i> 打印单据</a>
                        </p>
                    </div>
                </section>
                <!-- 图片生成 -->
                <section class="panel printImg" style="display: none;">
                    <header class="panel-heading">本地图片</header>
                    <div class="panel-body" id="printImgBox-{{printItem.totalEntity.financialCodeEntity}}"></div>
                </section>
            </div>
        </div>
    </section>
</section>